<!DOCTYPE html>
<html ng-app="application">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no">

	<title>Trang Giáo Dục Cộng Đồng</title>
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/bootstrap.min.css">
	
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-awesome.css">
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-import.css">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/style.css">

	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/vendor/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/modernizr.js"></script>
	<script type="text/javascript" src="<?php echo base_url() ?>assets/js/script.js"></script>
	<script>
		var base_url = '<?php echo base_url(); ?>';
	</script>
	<!-- <script type="text/javascript" src="<?php //echo base_url() ?>assets/js/application.js"></script> -->
</head>
<body>
	
	<div class="main-menu">
		<!-- <div class="action-menu">
			
			
			<a href="#"><i class="fa fa-home"></i></a>
			<a href="#"><i class="fa fa-gear"></i></a>
			<a href="#"><i class="fa fa-user"></i></a>
		</div> -->

		<div class="category-menu">
			<form action="" class="fr-search" role="form">
				<input class="form-control input-lg" type="text">
				<button class="submit"><i class="fa fa-search"></i></button>
			</form>

			<div class="block cat">
				<p class="titl"><i class="guide fa fa-chevron-down"></i> &nbsp; DANH MỤC</p>
				<ul class="menu">
					<li>
						<a href="#">GIỚI THIỆU</a>
						<!-- <a href="" class="floating">GIỚI THIỆU</a> -->
					</li>
					<li>
						<a>TRÌNH ĐỘ</a>
						<!-- <a href="" class="floating">TRÌNH ĐỘ</a> -->
						<ul class="sub">
							<li><a href="">LỚP 6</a></li>
							<li><a href="">LỚP 7</a></li>
							<li><a href="">LỚP 8</a></li>
							<li><a href="">LỚP 9</a></li>
							<li><a href="">PHỔ THÔNG</a></li>
						</ul>
					</li>
					<li>
						<a>MÔN HỌC</a>
						<!-- <a href="" class="floating">MÔN HỌC</a> -->
						<ul class="sub">
							<li><a href="">LỊCH SỬ</a></li>
							<li><a href="">ĐỊA LÝ</a></li>
							<li><a href="">PHỔ THÔNG</a></li>
						</ul>
					</li>
				</ul>
			</div> <!-- block -->
		</div>
	</div>
	<div id="topbar">
			<div class="wrapper">
				<a id="menu-button"><i class="fa fa-bars"></i></a>

				<a id="user-button"><i class="fa fa-user"></i></a>
				<div class="user-group">
					<ul class="action">
						<!-- NOT LOGGED IN YET -->
						<!-- <li>
							<a href="">ĐĂNG NHẬP <i class="fa fa-sign-in"></i></a>
						</li>
						<li>
							<a href="">ĐĂNG KÝ <i class="fa fa-star"></i></a>
						</li> -->

						<!-- LOGGED IN -->
						<li>
							<a href="">THÔNG TIN CÁ NHÂN <i class="fa fa-chevron-circle-right"></i></a>
						</li>
						<li>
							<a href="">QUẢN LÝ BÀI HỌC <i class="fa fa-mortar-board"></i></a>
						</li>	
						<li>
							<a href="">QUẢN LÝ BÀI ĐĂNG <i class="fa fa-folder-open"></i></a>
						</li>				
						<li>
							<a href="">ĐĂNG XUẤT <i class="fa fa-sign-out"></i></a>
						</li>

					</ul>
				</div>
			</div> <!-- wrapper -->
		</div>  <!-- Topbar -->

	<div class="main-page">	
		<div id="main-content">
			<!-- ============================================================================================== -->
			<?php if($template == 'home') { ?>
			<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/design/home.css">
			<div class="page home" ng-view>
				<section class="full-page">
					<div class="wrapper action">
						<a href="" class="subject history">
							<span class="titl">LỊCH SỬ</span>
						</a>

						<a href="" class="subject geography">
							<span class="titl">ĐỊA LÝ</span>
						</a>
					</div>	
					<div class="page-title">
						<h1>Chọn chủ đề tham khảo</h1>
					</div>				
				</section>
			</div> <!-- page -->
			<?php } ?>

			<?php if($template != '' && $template != 'home') include($template.'.php') ?>
			<!-- <?php //include('article.php') ?> -->

		</div> <!-- Main Content -->
	</div> <!-- Main Page -->
</body>
</html>